<template>
    <div>
        <h1>登录</h1>
        <input type="text" v-model="user.name"> <br>
        <input type="text" v-model="user.password"> <br>
        <button @click="login()">登录</button>
    </div>
</template>
<script setup>
// 导入引用对象
import {ref} from 'vue'
import {Login} from '@/api/user.js'
import {useRouter} from 'vue-router'
import {useStore} from 'vuex';  
// 创建一个用户
const user = ref({name:"",password:""})
// 创建一个路由对象
const router = useRouter();
const store = useStore();
function login(){
    // 实现登录
    Login(user.value)
    .then(res=>{
        if(res.data.code===200){
            alert("登录成功");
            // 保存token与用户信息
            localStorage.setItem("token",res.data.token);
            localStorage.setItem("userInfo",JSON.stringify(res.data.user));           
            // 获取store实例
           
            // 获取菜单
            store.dispatch("getMenu");
            router.push("/admin");
            
        }else{
            // 弹出失败
            alert("登录失败")
        }
    })
}
</script>